/* line 1, ../sass/styles.scss */
html, body {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  height: 100%;
  font-size: 14px;
  color: #444;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* line 9, ../sass/styles.scss */
.clear {
  clear: both;
}

/* line 10, ../sass/styles.scss */
.rmr {
  margin-right: 0px !important;
}

/*MAIN NAV*/
/* line 13, ../sass/styles.scss */
#main-nav {
  background-color: #4DA3BC;
  padding: 14px 0px;
}

/* line 14, ../sass/styles.scss */
#main-nav ul {
  list-style: none;
  padding: 30px 0;
}

/* line 15, ../sass/styles.scss */
#main-nav ul li {
  float: left;
  margin: 0px 11px;
}

/* line 16, ../sass/styles.scss */
#main-nav ul li a {
  font-size: 0.92em;
  color: #fff;
  font-weight: bold;
}

/* line 17, ../sass/styles.scss */
#main-nav ul li a:hover {
  color: #222;
}

/* line 18, ../sass/styles.scss */
#main-nav ul li a.active {
  color: #222;
}

/*IDIOMAS*/
/* line 21, ../sass/styles.scss */
.clientes {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 8px;
}

/*BRAND*/
/* line 26, ../sass/styles.scss */
.brand-logo {
  width: 167px;
  height: 52px;
}

/*IDIOMAS*/
/* line 32, ../sass/styles.scss */
.bandera {
  display: block;
  width: 30px;
  height: 14px;
  background-image: url("../content/img/es.png");
  background-repeat: no-repeat;
  padding-left: 22px;
  font-size: 0.6em !important;
  margin-top: 4px;
}

/* line 42, ../sass/styles.scss */
.nav-menu .has-sub {
  position: relative;
}

/* line 43, ../sass/styles.scss */
.nav-menu {
  margin-bottom: 0px;
  padding: 16px 0 0 !important;
}

/* line 44, ../sass/styles.scss */
.nav-menu .ing {
  background-image: url("../content/img/ing.png");
  background-repeat: no-repeat;
  padding-left: 22px;
}

/* line 45, ../sass/styles.scss */
.nav-menu .es {
  background-image: url("../content/img/es.png");
  background-repeat: no-repeat;
  padding-left: 22px;
}

/* line 46, ../sass/styles.scss */
.nav-menu .por {
  background-image: url("../content/img/por.png");
  background-repeat: no-repeat;
  padding-left: 22px;
}

/* line 48, ../sass/styles.scss */
.nav-menu > ul {
  height: 100%;
  width: 100%;
  position: relative;
}

/* line 49, ../sass/styles.scss */
.nav-menu > ul > li {
  height: 100%;
  width: 100%;
}

/* line 55, ../sass/styles.scss */
.nav-menu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}

/* line 60, ../sass/styles.scss */
.nav-menu ul li a {
  color: #444;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 61, ../sass/styles.scss */
.nav-menu > ul > li > a {
  padding: 20px;
}

/* line 62, ../sass/styles.scss */
.nav-menu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

/* line 68, ../sass/styles.scss */
.nav-menu ul {
  background-color: white;
  visibility: hidden;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 598;
  padding: 10px !important;
  margin: 0px !important;
  width: 104px;
  border: 1px solid #dddddd;
}

/* line 80, ../sass/styles.scss */
.nav-menu ul li {
  float: none !important;
  margin: 0 0 10px 0 !important;
}

/* line 81, ../sass/styles.scss */
.nav-menu ul li.rmb {
  margin-bottom: 0px !important;
}

/* line 82, ../sass/styles.scss */
.nav-menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333 !important;
  font-size: 11px !important;
}

/* line 83, ../sass/styles.scss */
.nav-menu ul li a:hover {
  color: #000;
  text-decoration: underline;
}

/* line 84, ../sass/styles.scss */
.nav-menu ul li a.active {
  color: #000;
}

/* line 85, ../sass/styles.scss */
.nav-menu li:hover > ul {
  visibility: visible;
}

/*TOPNAV*/
/* line 88, ../sass/styles.scss */
.top-bar {
  background-color: #4DA3BC;
}

/* line 89, ../sass/styles.scss */
.top-bar a {
  font-size: 14px !important;
}

/* line 90, ../sass/styles.scss */
.top-bar.expanded {
  background: none repeat scroll 0 0 #4DA3BC !important;
}

/* line 91, ../sass/styles.scss */
.top-bar.expanded .title-area {
  background: none repeat scroll 0 0 #4DA3BC !important;
}

/*MEDIA QUERIES TOP NAV*/
/*TOP BAR MOBILE*/
@media (max-width: 940px) {
  /* line 96, ../sass/styles.scss */
  .top-bar, .top-bar.expanded {
    z-index: 9999;
  }

  /* line 97, ../sass/styles.scss */
  .top-bar .expanded {
    background-color: #4DA3BC !important;
  }

  /* line 98, ../sass/styles.scss */
  .top-bar .expanded .title-area {
    background-color: #fff !important;
  }

  /* line 99, ../sass/styles.scss */
  .top-bar, .top-bar.expanded {
    background-color: #4DA3BC;
    color: #333 !important;
    min-height: 70px;
  }

  /* line 100, ../sass/styles.scss */
  .top-bar.expanded .title-area {
    background-color: #4DA3BC;
  }

  /* line 101, ../sass/styles.scss */
  .top-bar-section ul {
    background-color: #4DA3BC;
  }

  /* line 102, ../sass/styles.scss */
  .top-bar-section .divider {
    border-bottom: 1px solid #eee;
    border-top: none;
  }

  /* line 106, ../sass/styles.scss */
  .title-area {
    height: 70px;
  }

  /* line 107, ../sass/styles.scss */
  .top-bar .toggle-topbar.menu-icon a {
    color: #000;
  }

  /* line 108, ../sass/styles.scss */
  .top-bar.expanded .toggle-topbar a span {
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white !important;
  }

  /* line 109, ../sass/styles.scss */
  .top-bar .name {
    height: 70px;
  }

  /* line 110, ../sass/styles.scss */
  .top-bar .name img {
    width: 167px;
    height: 52px;
    margin-top: 8px;
  }

  /* line 111, ../sass/styles.scss */
  .top-bar .name h1 {
    line-height: 33px;
  }

  /* line 112, ../sass/styles.scss */
  .top-bar-section {
    background-color: #4DA3BC;
  }

  /* line 113, ../sass/styles.scss */
  .top-bar-section ul li {
    background-color: #4DA3BC;
    color: #000;
  }

  /* line 114, ../sass/styles.scss */
  .top-bar-section ul li > a {
    background-color: #4DA3BC;
    color: #fff;
    font-weight: 400;
  }

  /* line 115, ../sass/styles.scss */
  .top-bar-section ul li.active a {
    background-color: #f2f2f2;
  }

  /* line 116, ../sass/styles.scss */
  .top-bar-section ul li > a:hover {
    background-color: #fff;
    color: #222;
  }

  /* line 117, ../sass/styles.scss */
  .top-bar-section .dropdown li.title h5 a {
    color: #fff;
    font-size: 0.7em;
  }

  /* line 118, ../sass/styles.scss */
  .top-bar-section .has-dropdown > a:after {
    border-color: transparent transparent transparent black !important;
  }

  /* line 119, ../sass/styles.scss */
  .top-bar .toggle-topbar.menu-icon {
    top: 0;
    right: 0px;
    padding: 20px;
    height: 100%;
    margin: 0px;
  }

  /* line 120, ../sass/styles.scss */
  .top-bar .toggle-topbar.menu-icon a span {
    width: 22px;
  }
}
/*SECOND NAV*/
/* line 125, ../sass/styles.scss */
#second-nav {
  background-color: #f5f5f5;
  height: 60px;
}

/* line 129, ../sass/styles.scss */
#second-nav ul {
  list-style: none;
}

/* line 130, ../sass/styles.scss */
#second-nav ul li {
  float: left;
}

/* line 131, ../sass/styles.scss */
#second-nav ul li a {
  display: block;
  color: #1f1f1f;
  font-size: 1em;
  padding: 19px 19px 15px 19px;
  text-transform: uppercase;
}

/* line 132, ../sass/styles.scss */
#second-nav ul li a:hover {
  border-bottom: 4px solid #4DA3BC;
}

/* line 133, ../sass/styles.scss */
#second-nav ul li a.active {
  border-bottom: 4px solid #4DA3BC;
}

/* line 134, ../sass/styles.scss */
#second-nav #busqueda {
  margin: 16px 0px;
}

/* line 137, ../sass/styles.scss */
#second-nav #busqueda .lupa {
  background-image: url("../content/img/lupa.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 28px;
  background-color: #fff;
  -moz-box-sizing: border-box;
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  margin: 0px;
  padding: 0.5em;
  border-left: none;
  cursor: pointer;
}

/* line 154, ../sass/styles.scss */
#second-nav #busqueda #search-input {
  border-right: none;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1) inset;
  margin: 0px;
}

/* line 155, ../sass/styles.scss */
#second-nav #busqueda #search-input:focus {
  background: none repeat scroll 0 0 #fff;
  border-color: #ccc;
}

/*FOOTER*/
/* line 158, ../sass/styles.scss */
footer {
  position: relative;
  width: 100%;
  background-color: #4DA3BC;
  padding: 30px 0px 0;
  margin-top: 4px;
}

/* line 165, ../sass/styles.scss */
footer .firulete {
  position: relative;
  top: -50px;
  left: -170px;
  background-image: url("../content/img/footer.png");
  width: 1310px;
  height: 40px;
}

/* line 175, ../sass/styles.scss */
footer p {
  color: #fff;
  font-size: 0.92em;
  margin-bottom: 0px;
}

/* line 176, ../sass/styles.scss */
footer p span {
  font-weight: bold;
}

/* line 177, ../sass/styles.scss */
footer p a {
  color: #fff;
}

/* line 178, ../sass/styles.scss */
footer p a:hover {
  text-decoration: underline;
  color: #fff;
}

/* line 179, ../sass/styles.scss */
.copyrights {
  width: 100%;
  padding: 15px 0;
  background-color: rgba(255, 255, 255, 0.2);
  margin-top: 15px;
}

/* line 180, ../sass/styles.scss */
.copyrights a {
  font-weight: bold;
}

/* line 181, ../sass/styles.scss */
.copyrights a:hover {
  color: #9BC01F;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  /* line 182, ../sass/styles.scss */
  footer .mobile-margin {
    margin-bottom: 20px !important;
  }
}
/*HOME*/
/* line 185, ../sass/styles.scss */
#slider-home {
  margin: 30px 0px;
}

/*ORBIT*/
/* line 188, ../sass/styles.scss */
.orbit-container {
  background: none !important;
}

/* line 189, ../sass/styles.scss */
.orbit-container h1 {
  font-size: 2.6em;
  color: #333;
  font-weight: normal;
  margin-top: 60px;
}

/* line 190, ../sass/styles.scss */
.orbit-container h2 {
  font-size: 1.14em;
  font-weight: normal;
}

/* line 191, ../sass/styles.scss */
.orbit-container .orbit-slides-container img {
  width: 100%;
  height: auto;
}

/* line 192, ../sass/styles.scss */
.orbit-slide-number {
  display: none !important;
}

/* line 193, ../sass/styles.scss */
.orbit-timer {
  display: none !important;
}

/* line 194, ../sass/styles.scss */
.orbit-bullets {
  margin: 0 auto !important;
  width: auto;
  bottom: 0px;
  top: auto !important;
  position: absolute;
  left: 50%;
}

/* line 202, ../sass/styles.scss */
.orbit-bullets li {
  border: 1px solid #ddd !important;
  border-radius: 0px !important;
  width: 10px !important;
  height: 10px !important;
  background-color: transparente;
}

/* line 209, ../sass/styles.scss */
.orbit-bullets li.active {
  background-color: #0092C5;
}

/*QUIENES SOMOS*/
/* line 212, ../sass/styles.scss */
#quienes-somos {
  width: 100%;
  padding: 30px 0px;
  background-color: #F5F5F5;
}

/* line 217, ../sass/styles.scss */
#quienes-somos .detalle-somos {
  width: 220px;
  height: 220px;
  margin: 0px auto;
  background-image: url("../content/img/empresa.png");
  margin-bottom: 20px;
}

/* line 224, ../sass/styles.scss */
#quienes-somos .empresa {
  background-position: 0px 0px;
}

/* line 225, ../sass/styles.scss */
#quienes-somos .vendedores {
  background-position: -240px 0px;
}

/* line 226, ../sass/styles.scss */
#quienes-somos .cartera {
  background-position: -480px 0px;
}

/* line 227, ../sass/styles.scss */
#quienes-somos h3 {
  font-size: 1.14em;
  color: #666;
  text-align: center;
  font-weight: normal;
  font-style: italic;
  margin: 0px !important;
}

@media only screen and (max-width: 768px) {
  /* line 235, ../sass/styles.scss */
  #quienes-somos .vendedores, #quienes-somos .cartera {
    margin-top: 20px;
  }
}
/*BANNER*/
/* line 238, ../sass/styles.scss */
#banner {
  padding: 40px 0px;
}

/* line 239, ../sass/styles.scss */
#banner p {
  font-size: 1.14em;
  color: #666;
  margin: 0px !important;
  font-style: italic;
}

/*GRILLA PRODUCTOS*/
/* line 248, ../sass/styles.scss */
#grilla-productos {
  padding: 30px 0px;
}

/* line 249, ../sass/styles.scss */
.product-item {
  width: 100%;
  border: 1px solid #ddd;
  min-height: 210px;
  margin-bottom: 25px;
}

/* line 255, ../sass/styles.scss */
.product-item .img-item {
  text-align: center;
  padding: 20px 0px;
}

/* line 256, ../sass/styles.scss */
.product-item .title-item {
  background-color: #FAFAFA;
  border-top: 1px solid #ddd;
  padding: 10px;
}

/* line 261, ../sass/styles.scss */
.product-item .title-item p {
  margin: 0px !important;
  color: #333;
  font-size: 0.98em;
}

/* line 262, ../sass/styles.scss */
.product-item .title-item p span {
  color: #22AED5;
  font-weight: bold;
}

/* line 264, ../sass/styles.scss */
#grilla-productos a:hover .product-item .title-item {
  background-color: #fff;
}

/*LA EMPRESA*/
/* line 268, ../sass/styles.scss */
#la-empresa {
  padding: 30px 0px;
}

/* line 269, ../sass/styles.scss */
#la-empresa p.titulo {
  color: #333;
  font-size: 2em;
  margin-bottom: 10px;
  text-align: center;
}

/* line 270, ../sass/styles.scss */
#la-empresa p {
  color: #333;
  font-size: 1em;
  text-align: justify;
}

/*RESET PADDINGS*/
@media only screen and (max-width: 768px) {
  /* line 275, ../sass/styles.scss */
  #la-empresa {
    padding: 0px 0px 30px;
  }

  /* line 276, ../sass/styles.scss */
  #grilla-productos {
    padding: 0px 0px 30px;
  }

  /* line 277, ../sass/styles.scss */
  #quienes-somos {
    padding: 0px 0px 30px;
  }
}
/*CLIENTES*/
/* line 282, ../sass/styles.scss */
#form-web .panel {
  padding-top: 20px;
  padding-bottom: 30px;
}

/* line 283, ../sass/styles.scss */
#form-web label {
  font-size: 1em;
  margin-bottom: 5px;
  cursor: pointer;
}

/* line 284, ../sass/styles.scss */
#form-web input {
  height: 40px;
}

/* line 285, ../sass/styles.scss */
#form-web #acceder {
  width: 100% !important;
}

/*CONTACTO*/
/* line 289, ../sass/styles.scss */
#info-contacto p {
  font-size: 0.92em;
  margin-top: 20px;
}

/* line 290, ../sass/styles.scss */
#info-contacto p span {
  font-weight: bold;
}

/* line 292, ../sass/styles.scss */
#form-web #consulta {
  height: 167px;
}

/*PRODUCTO*/
/* line 296, ../sass/styles.scss */
.product-name p {
  font-size: 1em;
  margin-bottom: 0px;
}

/* line 297, ../sass/styles.scss */
.product-name p span {
  font-size: 1.14em;
  color: #22AED5;
}

/* line 299, ../sass/styles.scss */
.feature-product {
  float: left;
  margin-right: 15px;
  height: 40px;
  background-image: url("../content/img/iconos-productos-sprite.png");
  background-repeat: no-repeat;
}

/* line 307, ../sass/styles.scss */
.f-uno {
  background-position: -6px 0px;
  width: 22px;
}

/* line 308, ../sass/styles.scss */
.f-dos {
  background-position: -35px 0px;
  width: 44px;
}

/* line 309, ../sass/styles.scss */
.f-tres {
  background-position: -91px 0px;
  width: 26px;
}

/* line 310, ../sass/styles.scss */
.f-cuatro {
  background-position: -127px 0px;
  width: 38px;
}

/* line 311, ../sass/styles.scss */
.f-cinco {
  background-position: -171px 0px;
  width: 35px;
}

/* line 312, ../sass/styles.scss */
.f-seis {
  background-position: -215px 0px;
  width: 34px;
}

/* line 313, ../sass/styles.scss */
.f-siete {
  background-position: -256px 0px;
  width: 30px;
}

/* line 314, ../sass/styles.scss */
.f-ocho {
  background-position: -293px 0px;
  width: 39px;
}

/* line 315, ../sass/styles.scss */
.f-nueve {
  background-position: -338px 0px;
  width: 49px;
}

/* line 316, ../sass/styles.scss */
.f-diez {
  background-position: -393px 0px;
  width: 36px;
}

/* line 317, ../sass/styles.scss */
.f-once {
  background-position: -436px 0px;
  width: 45px;
}

/* line 319, ../sass/styles.scss */
.foto-product-large {
  margin-bottom: 25px;
}

/* line 320, ../sass/styles.scss */
#foto-zoom {
  width: 100%;
  height: 100%;
}

/*ZOOM*/
/* line 322, ../sass/styles.scss */
.zoom {
  display: inline-block;
  position: relative;
}

/* magnifying glass icon */
/* line 328, ../sass/styles.scss */
.zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(icon.png);
}

/* line 339, ../sass/styles.scss */
.zoom img {
  display: block;
}

/* line 343, ../sass/styles.scss */
.zoom img::selection {
  background-color: transparent;
}

/* line 346, ../sass/styles.scss */
.thumb-product, .foto-product-large {
  padding: 0px;
  border: 1px solid #eee;
}

/* line 350, ../sass/styles.scss */
.colores-product {
  float: left;
}

/* line 351, ../sass/styles.scss */
.colores-product .color-wrapper {
  width: 20px;
  height: 20px;
  float: left;
  border: 1px solid #ddd;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  /* line 359, ../sass/styles.scss */
  .sobre-la-empresa {
    margin-top: 30px;
    width: 100%;
  }

  /* line 360, ../sass/styles.scss */
  #banner {
    padding-bottom: 20px;
  }
}
/*FANCYBOX*/
/* line 364, ../sass/styles.scss */
a.fancybox {
  display: block;
  width: 100%;
  height: 100%;
}
